<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>注册</title>
    <include file="pub/css-js"/>
    <!-- jquery.validator -->
    <link rel="stylesheet" href="__PUBLIC__/home/plugins/validator-0.7.0/jquery.validator.css" />
    <script type="text/javascript" src="__PUBLIC__/home/plugins/validator-0.7.0/jquery.validator.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/plugins/validator-0.7.0/local/zh_CN.js"></script>
    <script type="text/javascript">
        function radio_click(obj){
            if(obj.value==1){
                $("#g-company-code").css("display","block");
                $("#g-company-name").css("display","block");
            }else{
                $("#g-company-code").css("display","none");
                $("#g-company-name").css("display","none");
            }
        }
    </script>
    <style>
        .n-right{display: block; line-height: 12px}

        /*省市联动框、*/
        .rInput select{
            border: 1px solid #e1e1e1;
            padding: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            text-align: center;
        }
        #getcode{
            background-color: #ef2a2d;
            color: white;
                width: 100%;

        }
        li>img{
             display: inline-block;
        }
        .msg-box{
            width: 1px;
            display: inline-block;
        }
         .msg-wrap{
             right: 0;
         }
        .login{
            width: 100%;
        }
        .message{
            position: relative;

        }
        #check-code{
            background-color: #ef2a2d;
            border: none;
            position: absolute;right: 0;
            top: -15px;
        }
        .login li{
            position: relative;
        }
        .msg-wrap,.msg-box{
            position: absolute;
            right: 0;
        }
    </style>
</head>
<body style=" font-family:'Microsoft YaHei';background-color: #fff">
<include file="pub/loading" />
<div style="width: 100%;height: 4em">
    <header class="page-header" >
        <h3>
            <a href="javascript:history.go(-1)">
                <img class="back_img" src="__PUBLIC__/mobile/images/back_1.png"/>
            </a>
           注册会员
        </h3>
    </header>
</div>
<!--Begin Login Begin-->
<div id="showCard" >
    <div class="col-xs-12 " style="padding: 0 5%;margin-top: 2em">
        <h3 style="color: red;text-align: center;font-size: 1.3em">以下条款请认真阅读，同意后方可注册。</h3><br>
       <p style="font-size: 1.2em"> 1.本平台入驻商家只提供商品销售、品质保证和
           销售服务，不承担赠送宝石责任，但承担误导宣
           传连带责任；</p>
        <p style="font-size: 1.2em"> 2.会员消费所赠送商城宝石由本平台依据每天盈
           利状况发放；</p>
        <p style="font-size: 1.2em">  3.赠送商城宝石有很多不确定因素，我们不保证
           每天赠送多少，不保证多长时间赠完，请您购物
           之前慎重选择，理性消费；</p>
        <p style="font-size: 1.2em">  4.严谨虚假消费，一经发现，本平台有权取消商
           城宝石收益资格。</p>
       </p>
        <div class="col-xs-12 " style="text-align: center;margin-top: 4em">
  <button class="btn" style="margin:0 auto ;outline: 0;border: 0;background: #ef2a2d;color: white;border-radius: 4px;font-size: 1.3em;width: 5em;line-height: 2em">同意</button>
        </div>
        <script>
            $(".btn").click(function () {
                window.location.href="javascript:history.go(-1)";
            })
        </script>
    </div>
</div>
</body>
<script type="application/javascript">
    function getCode(obj){
        obj.src = "{:U('Tool/getCode')}?" + Math.random();
    }

    function getnum(){
        var time = 60;
        var t;

        $("#getcode").attr("disabled", true);
        $.post("{:U('Tool/getnum')}",{mobile:$("#username").val()},function(data) {
            if (data == 1) {
                $("#getcode").val(time+"s");
                t = setInterval(countdown, 1000);
            } else {
                layer.alert(data);
            }
        });

        function countdown() {
            time=time-1;
            $("#getcode").val(time+"s");
            $("#getcode").attr("disabled", true);
            if(time==0){
                $("#getcode").val("验证码");
                clearInterval(t);
                $("#getcode").attr("disabled", false);
            }
        }
    }
</script>


<div id="showCard" style="display: none">
    <div class="col-xs-12">
        <h3 style="color: red;text-align: center;">以下条款请认真阅读，同意后方可完成注册。</h3><br>
        1.本平台入驻商家只提供商品销售、品质保证和<br>
        销售服务，不承担赠送宝石责任，但承担误导宣<br>
        传连带责任；<br>
        2.会员消费所赠送商城宝石由本平台依据每天盈<br>
        利状况发放；<br>
        3.赠送商城宝石有很多不确定因素，我们不保证<br>
        每天赠送多少，不保证多长时间赠完，请您购物<br>
        之前慎重选择，理性消费；<br>
        4.严谨虚假消费，一经发现，本平台有权取消商<br>
        城宝石收益资格。<br>


    </div>
</div>
<script type="text/javascript">
    function showCard(){
        var $showCard = $("#showCard").html();

        if($("#form").isValid()){
            //底部对话框
            layer.open({
                content: $showCard
                ,btn: ['同意', '取消']
                ,yes:function (value,index) {
                   layer.msg("已同意");
                   $("#checkbox").attr("checked","checked")
                }
                ,area: ['100%', '100%']
                ,skin: 'footer'

            });
        }else{
            return false;
        }
        return false;
    }
</script>
</html>
